@import url('~@/styles/animations.less');
@import url('~@/styles/mixin.less');

.project {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 0 24px;
    color: #fff;
    background: url('~@/assets/report/department/projectBg.png') no-repeat center;
    background-size: cover;
    > h4 {
        margin: 0;
        margin-top: 32px;
        margin-bottom: 24px;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
    }
    .active {
        .gradient-wrapper();
        .project_wrapper_content {
            .gradient-wrapper-content();
        }
    }
    &_wrapper,
    .active {
        display: inline-block;
        overflow: hidden;
        // &_content::-webkit-scrollbar {
        //     display: none;
        //     width: 0;
        // }
        &_content {
            // height: 70vh;
            overflow-y: auto;
            color: #fff;
            &_item {
                margin-bottom: 33px;
                h6 {
                    margin: 0;
                    margin-bottom: 13px;
                    font-size: 16px;
                    line-height: 28px;
                    vertical-align: middle;
                    .flex();
                    p {
                        margin: 0;
                        font-weight: 500;
                        font-size: 20px;
                        line-height: 28px;
                    }
                }
                section {
                    flex-direction: column;
                    margin-left: 10px;

                    .flex();
                    .statistics {
                        .flex(flex-start,center);
                        > :first-child {
                            margin-right: 12px;
                            opacity: 0.4;
                        }
                        p {
                            margin: 0;
                            font-size: 16px;
                            line-height: 16px;
                            span {
                                margin: 0 4px;
                                font-weight: 500;
                                font-size: 20px;
                                line-height: 28px;
                                vertical-align: middle;
                            }
                        }
                    }
                    .line {
                        width: 1px;
                        height: 18px;
                        margin-left: 6px;
                        background: rgba(255, 255, 255, 0.4);
                    }
                }
            }
        }
    }
}
